import { SectionProps } from "./dto";

const Section = (props: SectionProps) => {
  const sectionProps = {
    "data-background": props.dataBackground,
    "data-background-transition": props.dataBgTransition,
    "data-auto-animate": props.dataAutoAnimate,
  };

  return (
    <section {...sectionProps} style={props.styles}>
      <div className={props.className}>{props.children}</div>
    </section>
  );
};

export default Section;
